<!--
  分页：使用 [nzFrontPagination]="false" 指定由服务端分页。
  排序：使用 [nzSortFn]="true" 指定由服务端排序，如果需要多列排序可使用 [nzSortPriority]="true"。
  筛选：使用 [nzFilters] 来指定筛选项，使用 [nzFilterFn]="true" 指定由服务端筛选
  参数传输：通过 (nzQueryParams) 服务端需要的参数，数据结构为
   -->
<!-- <nz-table nzShowSizeChanger nzSize="small" [nzFrontPagination]="false" nzBordered [nzData]="menuList"
    [nzLoading]="loading" [nzTotal]="total" [(nzPageSize)]="query.limit" [(nzPageIndex)]="query.page"
    (nzQueryParams)="loadData()">
    <thead>
        <tr>
            <th *ngFor="let data of tableData" nzColumnKey="data.name">{{data.title}}</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let user of menuList">
            <td *ngFor="let data of tableData">{{ user[data.name] }}</td>
            <td>
                <button nz-button nzType="primary" (click)="showDetail('1')">详情</button>
                <button nz-button nzType="primary" (click)="edit('1')">编辑</button>
            </td>
        </tr>
    </tbody>
</nz-table> -->

<nz-table #expandTable [nzData]="menuList" nzTableLayout="fixed">
    <thead>
        <tr>
            <th>Name</th>
            <th>url</th>
            <th>permissions</th>
            <th>operation</th>
        </tr>
    </thead>
    <tbody>
        <ng-container *ngFor="let data of expandTable.data">
            <ng-container *ngFor="let item of mapOfExpandedData[data.id]">
                <tr *ngIf="(item.parent && item.parent.expand) || !item.parent">
                    <td [nzIndentSize]="item.level! * 20" [nzShowExpand]="item.children.length>0"
                        [(nzExpand)]="item.expand"
                        (nzExpandChange)="collapse(mapOfExpandedData[data.id], item, $event)">
                        {{ item.name }}
                    </td>
                    <td>{{ item.url }}</td>
                    <td>{{ item.permissions }}</td>
                    <td>
                        <button nz-button nzType="primary" (click)="edit(item.id)">编辑</button>
                    </td>
                </tr>
            </ng-container>
        </ng-container>
    </tbody>
</nz-table>